<template>
  <div id="app">
    <section class="todoapp">
      <!-- 头部 -->
      <toduHeader></toduHeader>
      <!-- 主体 -->
      <toduHmain></toduHmain>
      <!-- 底部 -->
      <toduHfooter></toduHfooter>
    </section>
  </div>
</template>

<script>
import toduHeader from "./components/header.vue";
import toduHmain from "./components/main.vue";
import toduHfooter from "./components/footer.vue";
/* eslint-disable */
export default {
  name: "app",
  components: {
    toduHeader,
    toduHmain,
    toduHfooter
  }
};
</script>

<style src='./index.css'>
</style>
